<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta name="keywords" content="瑜伽商城，瑜伽运动，运动，健身，锻炼">
    <meta name="description" content="瑜伽（英文：Yoga，印地语：योग）是一个汉语词汇，最早是从印度梵语“yug”或“yuj”而来，其含意为“一致”、“结合”或“和谐”。瑜伽源于古印度，是古印度六大哲学派别中的一系，探寻“梵我合一”的道理与方法。而现代人所称的瑜伽则主要是一系列的修身养心方法。">
    <title></title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" type="text/css" href="../css/reset.css">
    <link rel="stylesheet" type="text/css" href="../css/public.css">
    <link rel="stylesheet" type="text/css" href="../css/yoga.css">
    <link rel="stylesheet" type="text/css" href="../css/pubulic_wrap.css">
    <link rel="stylesheet" type="text/css" href="../css/all.css">
    <link rel="shortcut icon" href="../home/images/Yoga_03.png" type="image/png">
    <script type="text/javascript" src="../front_js/jquery.min.js"></script>
    <title>yoga</title>
</head>
<body>
<!--头部开始-->
<header class="blogstandard-background">
    <!--顶部图标-->
    <img src="../home/images/01HomeYoga_03.png" alt="" />
    <!--顶部二级导航-->
    <ul class="clearfix">
        <li><a href="#">Home</a>
            <ol>
                <li><a href="#">Yoga studio</a></li>
                <li><a href="#">Fitness club</a></li>
                <li><a href="#">Gym</a></li>
                <li><a href="#">Health club</a></li>
                <li><a href="#">Coach</a></li>
                <li><a href="#">Dance</a></li>
            </ol><i></i></li>
        <li><a href="#">Pages</a>
            <ol>
                <li><a href="#">About Us </a></li>
                <li><a href="#">Services</a></li>
                <li><a href="#">Reservations</a></li>
                <li><a href="#">Pricing Tables</a></li>
                <li><a href="#">Our Team</a></li>
                <li><a href="#">Content Elements</a></li>
            </ol><i></i></li>
        <li><a href="#">Events</a>
            <ol>
                <li><a href="#">All Events</a></li>
                <li><a href="#">Events One</a></li>
                <li><a href="#">Events Two</a></li>
                <li><a href="#">Events Three</a></li>
                <li><a href="#">Events Four</a></li>
                <li><a href="#">Single Event</a></li>
            </ol><i></i></li>
        <li><a href="#">Portfolio</a>
            <ol>
                <li><a href="#">Column 3 Сols</a></li>
                <li><a href="#">Columns 4 Сols Wide</a></li>
                <li><a href="#">4 Сols Masonry</a></li>
                <li><a href="#">Four Columns</a></li>
                <li><a href="#">Gallery</a></li>
            </ol><i></i></li>
        <li  class="bdcolor"><a href="#">Blog</a>
            <ol>
                <li><a href="#">About Us</a></li>
                <li><a href="#">Services</a></li>
                <li><a href="#">Reservations</a></li>
                <li><a href="#">Pricing Tables</a></li>
                <li><a href="#">Our Team</a></li>
                <li><a href="#">Content Elements</a></li>
            </ol><i></i></li>
        <li><a href="#">Shop</a></li>
        <li><a href="#">Contacts</a></li>
    </ul>
    <!--顶部二级导航右侧图标-->
    <div class="home-index-cart">
        <span><a href="#"><img src="../home/images/serch.png" alt="" /></a></span>
        <span><a href="#"><img src="../home/images/shop.png" alt="" /></a><div>0</div></span>
        <span>
                <a href="#"><img src="../home/images/earth.png" alt="" /></a>
                <strong>EN</strong><strong>+</strong>
            </span>
    </div>
    <div class="jzz-tt-posa">
        <div class="home-logo">
            <img src="../im/VectorSmartObject5.png">
        </div>
        <div class="upcoming-words home-words">
            <p>Instructors</p>
        </div>
        <div class="color home-wrap-content">
            <p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
        </div>
    </div>
    <script>
        $("header ol").hide();
        $("header i").hide();
        $("header>ul>li").each(function(index,element){
            $(this).attr("index",index);
        })
        $("header>ul>li").mouseenter(function(){
            var index = $(this).attr("index");
            $("header ol").hide();
            $("header i").hide();
            $("header ol").eq(index).show();
            $("header i").eq(index).show();
            $(this).mouseleave(function(){
                $("header ol").hide();
                $("header i").hide();
            })
        })
    </script>
</header>
<!--blogstandard-section内容区-->
<section class="blogstandard-section">
    <div class="content clearfix">
        <!--blogstandard-section左侧分页区-->
        <div class="left">
            <!--模板-->
            <div class="tem">
                <img src="images/20BlogBlogStandard_03.png" alt="" />
                <h2>Three Cleansing Exercises to Start Your Day</h2>
                <span class="span1">by Anna Doe</span><span class="span2">2 likes</span><span class="span3">1 Comment</span>
                <p>Etiam sit amet interdum diam, vitae porta erat. Suspendisse tincidunt eget metus sed finibus. Suspendisse venenatis augue id magna gravida dictum. Proin bibendum, urna in facilisis ultricies, nulla nisi accumsan metus, a pulvinar mi elit consectetur mi. Sed et eleifend sem. Orci varius natoque penatibus et magnis dis parturient.</p>
               <strong>
                   <i>
                       <em>Beauty</em><em>Fitness</em><em>Green</em><em>Violet</em>
                   </i>
                   <big>
                       <small><img src="images/22BlogBlogStandard_03.png" alt="" /></small>
                       <small><img src="images/22BlogBlogStandard_05.png" alt="" /></small>
                       <small><img src="images/22BlogBlogStandard_07.png" alt="" /></small>
                       <small><img src="images/22BlogBlogStandard_09.png" alt="" /></small>
                   </big>
               </strong>
                <ul>
                    <li>25</li>
                    <li>JUNE</li>
                </ul>
            </div>
            <div class="tem">
                <img src="images/37BlogBlogStandard_03.png" alt="" />
                <span class="span1">by Anna Doe</span><span class="span2">2 likes</span><span class="span3">1 Comment</span>
                <strong class="border-strong">
                    <i>
                        <em>Beauty</em><em>Fitness</em><em>Green</em><em>Violet</em>
                    </i>
                    <big>
                        <small><img src="images/22BlogBlogStandard_03.png" alt="" /></small>
                        <small><img src="images/22BlogBlogStandard_05.png" alt="" /></small>
                        <small><img src="images/22BlogBlogStandard_07.png" alt="" /></small>
                        <small><img src="images/22BlogBlogStandard_09.png" alt="" /></small>
                    </big>
                </strong>
                <ul>
                    <li>25</li>
                    <li>JUNE</li>
                </ul>
            </div>
            <div class="tem">
                <img src="images/20BlogBlogStandard_03.png" alt="" />
                <h2>Three Cleansing Exercises to Start Your Day</h2>
                <span class="span1">by Anna Doe</span><span class="span2">2 likes</span><span class="span3">1 Comment</span>
                <p>Etiam sit amet interdum diam, vitae porta erat. Suspendisse tincidunt eget metus sed finibus. Suspendisse venenatis augue id magna gravida dictum. Proin bibendum, urna in facilisis ultricies, nulla nisi accumsan metus, a pulvinar mi elit consectetur mi. Sed et eleifend sem. Orci varius natoque penatibus et magnis dis parturient.</p>
                <strong>
                    <i>
                        <em>Beauty</em><em>Fitness</em><em>Green</em><em>Violet</em>
                    </i>
                    <big>
                        <small><img src="images/22BlogBlogStandard_03.png" alt="" /></small>
                        <small><img src="images/22BlogBlogStandard_05.png" alt="" /></small>
                        <small><img src="images/22BlogBlogStandard_07.png" alt="" /></small>
                        <small><img src="images/22BlogBlogStandard_09.png" alt="" /></small>
                    </big>
                </strong>
                <ul>
                    <li>25</li>
                    <li>JUNE</li>
                </ul>
            </div>
            <div class="tem">
                <img src="images/37BlogBlogStandard_06.png" alt="" />
                <span class="span1">by Anna Doe</span><span class="span2">2 likes</span><span class="span3">1 Comment</span>
                <strong class="border-strong">
                    <i>
                        <em>Beauty</em><em>Fitness</em><em>Green</em><em>Violet</em>
                    </i>
                    <big>
                        <small><img src="images/22BlogBlogStandard_03.png" alt="" /></small>
                        <small><img src="images/22BlogBlogStandard_05.png" alt="" /></small>
                        <small><img src="images/22BlogBlogStandard_07.png" alt="" /></small>
                        <small><img src="images/22BlogBlogStandard_09.png" alt="" /></small>
                    </big>
                </strong>
                <ul>
                    <li>25</li>
                    <li>JUNE</li>
                </ul>
            </div>
            <div class="tem tems">
                <img src="images/20BlogBlogStandard_03.png" alt="" />
                <h2>Three Cleansing Exercises to Start Your Day</h2>
                <span class="span1">by Anna Doe</span><span class="span2">2 likes</span><span class="span3">1 Comment</span>
                <p>Etiam sit amet interdum diam, vitae porta erat. Suspendisse tincidunt eget metus sed finibus. Suspendisse venenatis augue id magna gravida dictum. Proin bibendum, urna in facilisis ultricies, nulla nisi accumsan metus, a pulvinar mi elit consectetur mi. Sed et eleifend sem. Orci varius natoque penatibus et magnis dis parturient.</p>
                <strong>
                    <i>
                        <em>Beauty</em><em>Fitness</em><em>Green</em><em>Violet</em>
                    </i>
                    <big>
                        <small><img src="images/22BlogBlogStandard_03.png" alt="" /></small>
                        <small><img src="images/22BlogBlogStandard_05.png" alt="" /></small>
                        <small><img src="images/22BlogBlogStandard_07.png" alt="" /></small>
                        <small><img src="images/22BlogBlogStandard_09.png" alt="" /></small>
                    </big>
                </strong>
                <ul>
                    <li>25</li>
                    <li>JUNE</li>
                </ul>
            </div>
            <!--底部123分页区-->
            <div class="paging clearfix">
                <img class="prev" src="images/31BlogBlogStandard_03.png" alt="" />
                <ol class="clearfix">
                    <li>1</li>
                    <li>2</li>
                    <li>3</li>
                </ol>
                <img class="next" src="images/31BlogBlogStandard_05.png" alt="" />
            </div>
        </div>
        <!--blogstandard-section右侧-->
        <div class="right">
            <!--顶部搜索框-->
            <input class="input1" type="text" placeholder="Search" />
            <img src="images/23BlogBlogStandard_03.png" alt="" />
            <!--模板和内容-->
            <div class="tem">
               <dl>
                   <dt>Categories</dt>
                   <dd>Exercise (12)</dd>
                   <dd>Fitness (3)</dd>
                   <dd>Health (3)</dd>
                   <dd>Lifestyle (2)</dd>
                   <dd>Motivation (4)</dd>
                   <dd>Nutrition (8)</dd>
                   <dd>Running (16)</dd>
                   <dd>Vitamins (3)</dd>
               </dl>
               <img class="img2" src="images/24BlogBlogStandard_03.png" alt="">
           </div>
            <div class="tem tem2">
                <dl>
                    <dt>Recent Posts</dt>
                    <dd>
                        <img src="images/25BlogBlogStandard_03.png" alt="" />
                        <ul>
                            <li>23.03.2017</li>
                            <li>Health & Strength.</li>
                        </ul>
                    </dd>
                    <dd>
                        <img src="images/25BlogBlogStandard_06.png" alt="" />
                        <ul>
                            <li>23.03.2017</li>
                            <li>Health & Strength.</li>
                        </ul>
                    </dd>
                    <dd>
                        <img src="images/25BlogBlogStandard_08.png" alt="" />
                        <ul>
                            <li>23.03.2017</li>
                            <li>Health & Strength.</li>
                        </ul>
                    </dd>
                </dl>
                <img class="img2" src="images/24BlogBlogStandard_03.png" alt="">
            </div>
            <div class="tem">
                <dl>
                    <dt>Archives</dt>
                    <dd>› November</dd>
                    <dd>› December</dd>
                    <dd>› January</dd>
                    <dd>› February</dd>
                    <dd>› March</dd>
                </dl>
                <img class="img2" src="images/24BlogBlogStandard_03.png" alt="">
            </div>
            <div class="tem4">
                <dl>
                    <dt>About Yoga</dt>
                    <dd><img src="images/26BlogBlogStandard_03.png" alt="" /></dd>
                    <dd>Maecenas et dapibus leo. Maecenas laoreet ullamcorper ante, nec molestie mi auctor a. Donec ut condimentum augue. Etiam condimentum, neque nec ullamcorper condimentum.</dd>
                </dl>
                <img class="img2" src="images/24BlogBlogStandard_03.png" alt="">
            </div>
            <div class="time">
                <dl>
                    <dt>Calendar</dt>
                    <dd>
                        <ul class="clearfix">
                            <li class="timeh"><img src="images/28BlogBlogStandard_03.png" alt="" /></li>
                            <li>March, 2017</li>
                            <li class="timeh"><img src="images/27BlogBlogStandard_05.png" alt="" /></li>
                        </ul>
                        <ol class="clearfix">
                            <li>1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                            <li>6</li>
                            <li>7</li>
                            <li>8</li>
                            <li>9</li>
                            <li>10</li>
                            <li>11</li>
                            <li>12</li>
                            <li>13</li>
                            <li>14</li>
                            <li>15</li>
                            <li>16</li>
                            <li>17</li>
                            <li>18</li>
                            <li>19</li>
                            <li>20</li>
                            <li>21</li>
                            <li>22</li>
                            <li>23</li>
                            <li>24</li>
                            <li>25</li>
                            <li>26</li>
                            <li>27</li>
                            <li>28</li>
                            <li>29</li>
                            <li>30</li>
                            <li>31</li>
                        </ol>
                    </dd>
                </dl>
                <img class="img2" src="images/24BlogBlogStandard_03.png" alt="">
            </div>
            <div class="tem6">
                <dl>
                    <dt>Recent Comments</dt>
                    <dd class="dd ddd">
                        <dl>
                            <dt>Anna Doe</dt>
                            <dd>Maecenas laoreet ullamcorper ante, nec molestie mi auctor</dd>
                        </dl>
                    </dd>
                    <dd class="ddd">
                        <dl>
                            <dt>Anna Doe</dt>
                            <dd>Maecenas laoreet ullamcorper ante, nec molestie mi auctor</dd>
                        </dl>
                    </dd>
                    <dd class="dd ddd">
                        <dl>
                            <dt>Anna Doe</dt>
                            <dd>Maecenas laoreet ullamcorper ante, nec molestie mi auctor</dd>
                        </dl>
                    </dd>
                </dl>
                <img class="img2" src="images/24BlogBlogStandard_03.png" alt="">
            </div>
            <div class="tem">
                <dl>
                    <dt>Meta</dt>
                    <dd>› Site Admin</dd>
                    <dd>› Log Out</dd>
                    <dd>› Entries RSS</dd>
                    <dd>› Comments RSS</dd>
                    <dd>› WordPress.org</dd>
                </dl>
                <img class="img2" src="images/24BlogBlogStandard_03.png" alt="">
            </div>
            <div class="tem8">
                <dl>
                    <dt>Meta</dt>
                    <dd>
                        <ul class="clearfix">
                            <li>Beauty</li>
                            <li>Fitness</li>
                            <li>Green</li>
                            <li>Violet</li>
                            <li>Motivation</li>
                            <li>Nutrition</li>
                            <li>Training</li>
                            <li>Yoga</li>
                            <li>Zumba</li>
                        </ul>
                    </dd>
                </dl>
                <img class="img2" src="images/24BlogBlogStandard_03.png" alt="">
            </div>
            <div class="tem9">
                <dl>
                    <dt>Subscribe via RSS</dt>
                    <dd>
                        <input type="text" placeholder="Enter your email" />
                        <img src="images/30BlogBlogStandard_03.png" alt="" />
                    </dd>
                </dl>
            </div>
        </div>
    </div>
</section>

<!--底部开始-->
<footer>
    <!--图标-->
    <img class="home-index-foottop" src="../home/images/home_index_foot_03.png" alt="">
    <!--文字-->
    <div class="home-index-footp">
        <p>Mauris justo sem, gravida ut enim a, rutrum molestie ligula.</p>
        <p>Cras in massa metus. Suspendisse potenti. Nam sagittis</p>
    </div>
    <!--文字-->
    <p>Subscribe us</p>
    <!--邮件input框-->
    <div class="home-index-footserch">
        <input type="text" placeholder="Enter your email" />
        <span>SEND</span>
    </div>
    <!--三个小图片-->
    <div class="home-index-footimg">
        <a href="#"><img src="../home/images/home_index_foot_07.png" alt="" /></a>
        <a href="#"><img src="../home/images/home_index_foot_09.png" alt="" /></a>
        <a href="#"><img src="../home/images/home_index_foot_11.png" alt="" /></a>
    </div>
    <!--底部导航-->
    <ul class="home-index-footnav clearfix">
        <li><a href="#">Home</a></li>
        <li><a href="#">Pages</a></li>
        <li><a href="#">Envents</a></li>
        <li><a href="#">Portfolio</a></li>
        <li><a href="#">Blog</a></li>
        <li><a href="#">Shop</a></li>
        <li><a href="#">Contacts</a></li>
    </ul>
</footer>
<!--返回顶部图标-->
<img class="home-gotop" src="../home/images/home_index_foot_14.png" alt="" />
<script>
    $(".home-gotop").hide();
    $("body").ready(function(){
        $(".home-gotop").click(function(){
            $("html,body").animate({scrollTop:0},250);
        });
        setInterval(function(){
            if($("html,body").scrollTop() === 0) {
                $(".home-gotop").hide();
            }
            else{
                $(".home-gotop").show();
            }
        },500)
    });
</script>
</body>
</html>